<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="/static/css/myDocPage.css">
    <link rel="stylesheet" href="/static/css/layui.css">
    <style>

        body > div > button {
            margin: 10px;
        }

    </style>
</head>
<body>
<div>
    <h1>一. layui相关</h1>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="useLayui">layui的使用</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="customModule">layui引入自定义模块</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="element">layui的页面元素样式</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="importPub">在css文件中引入公共css样式</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="layerBtn">layui的弹出层详解</button>
</div>
<div>
    <h1>二. jquery相关</h1>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="jquerySelector">jquery各种选择器</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="jqueryEvent">jquery的事件操作</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="jqueryLoad">jquery的load方法会自动过滤js处理</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="formValid">jquery表单验证插件</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="ajaxLoading">ajax提示用户加载中</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="restful">jquery发起restful请求</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="taginput">taginput插件</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="modalPlug">modalPlug插件</button>
</div>
<div>
    <h1>三. thymeleaf相关</h1>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="thymeleaf">thymeleaf的使用</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="objToJs">thymeleaf渲染json到js中</button>
</div>
<div>
    <h1>四. spring相关</h1>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="java8date">使用java8date来传递时间</button>
</div>
<div>
    <h1>五. bootstrap相关</h1>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="excelButton">bootstrap框架的excel上传</button>
</div>
<div>
    <h1>六. css相关</h1>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="cssButton">css相关知识</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="cssSelector">css选择器</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="formButton">表单元素样式</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="elementWeight">元素样式权重</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="fontAndText">文本样式控制</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="layout">页面布局</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="floatCss">float浮动</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="position">css定位</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="tableOptional">table相关控制</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="flex">flex布局属性说明和简单demo</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="flex2">flex布局简单demo</button>
</div>
<div>
    <h1>七. java相关</h1>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="videoEncryption">视频加密</button>
</div>
<div>
    <h1>八. 前端各种插件</h1>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="wangEditor">富文本编辑器</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="zTree1">zTree示例1</button>
</div>
<div>
    <h1>九. 在线工具</h1>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="onlineDrawingFlowChart">在线画流程图</button>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="textFlowChart">文本型流程图</button>
</div>
<div>
    <h1>十. vue相关</h1>
    <button class="layui-btn layui-btn-normal layui-btn-radius" id="vueLifeCycle">vue生命周期</button>
</div>
</body>
<script src="/static/jquery-3.4.1.js"></script>
<script src="/static/js/index.js"></script>
</html>